@charset "utf-8";

.page-banners{ position:relative; width:100%; height:540px; margin:0; background:#FFF; text-align:center; overflow:hidden; z-index:1;padding-top:50px;}
.page-banners a.prev,.page-banners  a.next{ width:34px; height:64px; display:block; opacity: 0.8; position:absolute; top:45%; z-index:1; } 
.page-banners a.prev{ left:10%; background:url(prev01.png) no-repeat;  }
.page-banners a.prev:hover{ background:url(prev01_1.png) no-repeat; }
.page-banners a.next{ right:10%; background:url(next01.png) no-repeat; }
.page-banners a.next:hover{ background:url(next01_1.png) no-repeat;}
.page-banner{ width:1920px; height:540px; position:absolute; left:50%; margin-left:-960px; }
.page-banner .bd{ width:1920px; margin:0 auto; }
.page-banner .bd ul{ position:relative; width:1920px; height:540px; }
.page-banner .bd ul li{ position:absolute; width:1920px; height:540px; left:0; top:0; }
.page-banner .bd ul li img{ border:0; }
.page-banner .hd{ position:absolute; width:100%; bottom:24px; z-index:1; }
.page-banner .hd ul{ height:20px; }
.page-banner .hd ul li{ display:inline-block; width:20px; height:20px; margin-right:10px; text-indent:999px; cursor:pointer; vertical-align:top; overflow:hidden; background:url(banner01.png) no-repeat; }
.page-banner .hd ul li:hover,.page-banner .hd ul .on{ background:url(banner02.png) no-repeat; }

